/**
* couleurs
* liens 99f, 55f
*/

@import url("webappkit.layout.css");
@import url("webappkit.style.css");

body {
    padding: 0;
    margin: 0;
    color: #fff;
    /*background: url(../img/egg-1024x240.jpg) no-repeat 0 -60px #000;*/
    background: #222;
}

#header {
    height: 70px;
    background: #222;
    padding: 0;
    border-bottom: solid 2px #000;
    /*margin-bottom: 60px;*/
}

body.fr #header {
    background: url(../img/webappkit-h1-fr.gif) no-repeat #222;
}
body.en #header {
    background: url(../img/webappkit-h1-en.gif) no-repeat #222;
}
#header h1 {
    display: none;
}
#header .baseline {
    display: none;
}

#content {
    display: block;
    background: #fff;
    color: #000;
    padding: 1em 25% 1em 2%;
    min-height: 30em;
}

#breadcrumb {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0 0 0 1em;
    top: 50px;
}
#breadcrumb li {
    display: inline;
}
#breadcrumb li:before {
    content: '» ';
}
#breadcrumb a {
    color: #ccc;
    text-decoration: none;
}
#breadcrumb a:hover {
    color: #99f;
}

/**
 * local nav
 */
#local {
    position: absolute;
    width: 20%;
    right: 1em;
    top: 100px;
    color: #222;
}

#local a {
    text-decoration: none;
}

#local ul {
    padding: 0;
}

/**
 * global nav
 */
#global {
    margin: 0;
    padding: 0.2em 1em;
    position: absolute;
    top: 0.8em;
    right: 0;
    text-align: right;
}
#global li {
    display: inline;
    margin: 0 0 0 1em;
}
#global a {
    text-decoration: none;
}

#footer {
    display: block;
    clear: both;
    margin: 0;
    padding: 0.2em 0.5em;
    color: #666;
    border-top: solid 2px #000;
}
#footer li {
    display: inline;
    margin: 0 0.5em;
}
#footer a {
    color: inherit;
    text-decoration: none;
}
#footer a:hover {
    color: #99f;
}

a {
    color: #99f;
}

#content a
, #local a {
    color: #55f;
}

h2 {
    margin: 0;
    font-size: 120%;
    /*border-bottom: solid 2px #ccc;*/
}

h3 {
    font-size: 110%;
    /*border-left: solid 1em #ccc;
    padding-left: 0.5em;*/
}

dl {

}

dt {
    font-weight: bold;
    /*background: #f5f5f5;*/
}
dd {
    margin: 0 0 0.4em 0.8em;
    padding: 0 0 0 0.2em;
    /*border-left: solid 2px #ccc;*/
}

ol {

}

li {
    margin: 0 0 0.5em 0;
}

li p {
    margin: 0 0 0.5em 0;
}

code {
    white-space: pre;
    font-size: 90%;
    display: block;
    overflow: auto;
    background: #bbb;
    border-left: solid 2px #999;
    padding: 0.5em;
    margin: 0 0 1em;
}

var {
    color: #0cc;
    font-style: normal;
}

table {
    /*padding: 0;*/
    border-collapse: collapse;
}
table tr {
    padding: 0 0.3em;
    border-bottom: solid 1px #bbb;
}
table td {
    padding: 0.3em;
}
table tr.odd {
    /*background: #444;*/
}
table tr.even {
    /*background: #333;*/
}

fieldset {
    background: #eef;
    margin: 1em 0;
    border: 0;
    border-top: solid 1px#99b;
    border-radius: 1em;
    /*border-left: solid 2em #555;*/
    padding: 0.1em 1em;
    /*text-align: right;*/
    /*border-left: solid 2px #000;
    border-right: solid 2px #000;*/
}
/*fieldset:hover {
    background: #ccf;
}*/
fieldset p {
    text-align: right;
}

legend {
    font-size: 100%;
    font-weight: bold;
    position: relative;
    top: -0.5em;
    color: #559;
}

textarea {
    white-space: pre;
    width: 100%;
}

/**
 * bigger
 */
textarea.cfg {
    height: 20em;
}

input.big {
    width: 100%;
    padding: 0.4em 0;
}

form>p {
    text-align: right;
}

form>p input[type='submit'] {
    margin: 0 1em 0 0;
    padding: 0.2em 2em;
}

/**
 * kits decorum
 */
.kits {
    width: 100%;
}
/*.kits .icon {
    width: 20px;
}*/
.kits .headers
, .kits .icon span
, .kits .has_tests * , .kits .has_no_tests *
, .kits .ok * , .kits .alert *, .kits .broken * {
    display: none;
}
.broken {
    background: url(../img/silk/bomb.png) 2px center no-repeat;
    padding-left: 20px;
}
.alert {
    background: url(../img/silk/exclamation.png) 2px center no-repeat;
    padding-left: 20px;
}
.ok {
    background: url(../img/silk/accept.png) 2px center no-repeat;
    padding-left: 20px;
}
.has_docs {
    background: url(../img/silk/book.png) 2px center no-repeat;
    padding-left: 20px;
}
.has_tests {
    background: url(../img/silk/bell.png) 2px center no-repeat;
    padding-left: 20px;
}
.has_subkits {
    background: url(../img/silk/package.png) 2px center no-repeat;
    padding-left: 20px;
}
.kits .has_no_subkits * {
    display: none;
}
a.link {
    background: url(../img/silk/world.png) 2px center no-repeat;
    padding-left: 20px;
}
a.cfg {
    background: url(../img/silk/wrench_orange.png) 2px center no-repeat;
    padding-left: 20px;
}

.tests_fail {
    background: url(../img/silk/bug.png) 2px center no-repeat;
    padding-left: 20px;
}
.tests_pass {
    background: url(../img/silk/accept.png) 2px center no-repeat;
    padding-left: 20px;
}
.tests_exception {
    background: url(../img/silk/error.png) 2px center no-repeat;
    padding-left: 20px;
}
.details {
    background: url(../img/silk/magnifier.png) 2px center no-repeat;
    padding-left: 20px;
}
.add {
    background: url(../img/silk/add.png) 2px center no-repeat;
    padding-left: 20px;
}
.fail {
    color: #c00;
}
.pass {
    color: #0c0;
}
.error {
    color: #f90;
}

/*.kits {
    padding: 0;
    border-top: solid 1px #777;
}
.kits li {
    display: block;
    margin: 0;
    padding: 0.5em;
    border-bottom: solid 1px #777;
}*/

.kits li.loaded {
    font-weight: bold;
}
.subkits ul {
    padding: 0;
    border-top: solid 1px #777;
}
.subkits li {
    display: block;
    margin: 0;
    padding: 0.5em;
    border-bottom: solid 1px #777;
}
